@babel/plugin-transform-typescript

What is @babel/plugin-transform-typescript?

The @babel/plugin-transform-typescript package is a Babel plugin that allows Babel to parse and transform TypeScript code into JavaScript. It strips out type annotations and compiles the code down to a version of JavaScript that can run in current and older browsers or environments.

What are @babel/plugin-transform-typescript's main functionalities?

TypeScript Syntax Transformation

Transforms TypeScript syntax by removing type annotations to produce valid JavaScript code. The code sample shows a TypeScript variable with a type annotation that would be stripped out.

const x: number = 10;

TypeScript Namespaces

Handles TypeScript namespaces and transforms them into a format that can be understood by JavaScript environments. The code sample demonstrates a namespace declaration that would be transformed.

namespace MyNamespace { export const x: number = 10; }

Enums

Compiles TypeScript enums into objects that preserve the enum semantics in JavaScript. The code sample shows an enum that would be converted into a JavaScript object.

enum Directions { Up, Down, Left, Right }

Other packages similar to @babel/plugin-transform-typescript

typescript

The official TypeScript compiler that converts TypeScript code to JavaScript. It provides type checking along with the transformation, which @babel/plugin-transform-typescript does not do.

ts-loader

A TypeScript loader for webpack. It works in conjunction with the TypeScript compiler to transpile TypeScript files in webpack builds, similar to how @babel/plugin-transform-typescript works with Babel.

awesome-typescript-loader

Another TypeScript loader for webpack that aims to be faster than ts-loader. It also provides Babel-like transformation of TypeScript code but is specifically designed for webpack's module bundling.

README

@babel/plugin-transform-typescript

Transform TypeScript into ES.next

See our website @babel/plugin-transform-typescript for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-transform-typescript

or using yarn:

yarn add @babel/plugin-transform-typescript --dev

Changelog

v7.25.9 (2024-10-22)

:bug: Bug Fix

• babel-parser, babel-template, babel-types
  • #16905 fix: Keep type annotations in syntacticPlaceholders mode (@liuxingbaoyu)
• babel-helper-compilation-targets, babel-preset-env
  • #16907 fix: support BROWSERSLIST{,_CONFIG} env (@JLHwung)
• Other
  • #16884 Analyze ClassAccessorProperty to prevent the no-undef rule (@victorenator)

:house: Internal

• babel-helper-transform-fixture-test-runner
  • #16914 remove test options flaky (@JLHwung)

:running_woman: Performance

• babel-parser, babel-types
  • #16918 perf: Make VISITOR_KEYS etc. faster to access (@liuxingbaoyu)